<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>合拍街</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../iconfont/iconfont.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header id="header">
    <a href="user_login.html" class="iconfont fl">&#xe63f;</a>
    <div class="title">注册</div>
    <a href="#" class="iconfont fr">&#xe6a0;</a>
</header>
<div class="content">
    <div class="register-box">
        <div class="form-box">
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe64f;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="输入手机号/邮箱/昵称">
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe692;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="输入密码">
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe692;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="再次输入密码">
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe608;</i></div>
                <div class="row-r">
                    <input class="input_box" placeholder="输入昵称">
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe6a8;</i></div>
                <div class="row-r">
                    <span>性别</span>
                    <label><input class="btn-radio" type="radio" name="radio1" checked>男</label>
                    <label><input class="btn-radio" type="radio" name="radio1">女</label>
                </div>
            </div>
            <div class="row row-input clearfix">
                <div class="row-l fl"><i class="iconfont">&#xe60f;</i></div>
                <div class="row-r">
                    <span>支付方式</span>
                    <label style="color: #24a82e;"><input class="btn-radio" type="radio" name="radio2"
                                                          checked>微信</label>
                    <label style="color: #2d95de;"><input class="btn-radio" type="radio" name="radio2">银行卡</label>
                </div>
            </div>
            <div class="row row-txt">
                <p><input class="checkbox" type="checkbox" name="checkbox">已阅读并同意<a href="user_xieyi.html">《合拍街用户协议》</a>
                </p>
            </div>
            <div class="row row-btn">
                <a class="green-btn">确定</a>
            </div>
        </div>
    </div>
</div>

<footer id="footer" class="foot">
    <ul>
        <li>
            <a class="home" href="../index.html">
                <p>首页</p>
            </a>
        </li>
        <li>
            <a class="find" href="../find/index.html">
                <p>发现</p>
            </a>
        </li>
        <li>
            <a class="camera" href="../ranking/index.html">
                <p>合拍榜</p>
            </a>
        </li>
        <li class="active">
            <a class="person" href="user_login.html">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>
</html>
